@import "//at.alicdn.com/t/font_3056501_2p3tvmgl87s.css";
@import "../../index.scss";
.home {
    width: 100vw;
    height: 100vh;
    .home-main {
        width: 100%;
        height: calc(100% - px2rem(80px));
        display: flex;
        flex-direction: column;
        .portrait {
            height: px2rem(450px);
            background: #4876ff;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            .img {
                width: px2rem(260px);
                height: px2rem(260px);
                border-radius: 50%;
                margin-bottom: px2rem(10px);
                overflow: hidden;
                display: flex;
                align-items: center;
                justify-content: center;
                background-color: #fff;
                >img {
                    width: 100%;
                }
            }
            span {
                color: #fff;
                font-size: px2rem(38px);
            }
        }
        .navHouses {
            width: 90%;
            padding: px2rem(20px);
            display: flex;
            background: #fff;
            border: 1px solid #ccc;
            justify-content: space-around;
            align-items: center;
            border-radius: px2rem(20px);
            margin: px2rem(-30px) 5vw px2rem(30px) 5vw;
            &>div {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                h3 {
                    color: #4876ff;
                    font-size: px2rem(38px);
                }
                p {
                    color: #ddd;
                }
            }
        }
    }
}

.home-menu {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    display: flex;
    .menu-item {
        width: 33.33%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: px2rem(30px) 0;
        i {
            font-size: px2rem(68px);
            margin-bottom: px2rem(6px);
        }
        span {
            font-size: px2rem(28px);
        }
    }
}